<style scoped src="./index.scss" lang="scss" rel="stylesheet/scss"></style>
<template src="./index.html"></template>
<script>
    import defaultBox from "../default/home/index.vue";
    import customBox from "../custom/home/index.vue";

    
    export default {
        mixins: [Vue.prototype.$vFN.Mixins.Base],
        components: {
            defaultBox,
            customBox,
        },
        data() {
            return {
                activeName: ""
            };
        },
        methods: {
            tabClick() {
                this.$router.push(this.$vFN.Tools.toUrl({
                    path: "./menu",
                    query: {
                        type: this.activeName,
                    }
                }));
            },
            init() {
                if (this.$route.query.type) {
                    this.activeName = this.$route.query.type
                }
                else{
                    this.activeName = "default" 
                }
            },
        },
        mounted() {
            this.init();
            this.$nextTick(function () {});
        },
        activated() {},
    };
</script>